<template>
  <div class="app-container home">
    <el-row :gutter="20">
      <el-col :sm="24" :lg="24">
        <blockquote class="text-warning" style="font-size: 14px">

          <el-link
            href="http://crmweb.kaiquan.com.cn/Home/Index"
            type="primary"
            target="_blank"
          > KQ-CRM
          </el-link>

          <el-link
            href="http://117.184.99.116/wui/index.html"
            type="primary"
            target="_blank"
            style="margin-left:20px;"
          > KQ-OA
          </el-link>
          <br>
        </blockquote>
        <blockquote class="text-warning" style="font-size: 14px">
          <el-link
            href="http://42.192.204.129/price/selectType"
            type="primary"
            target="_blank"
          >PDMS-型谱图
          </el-link>
          <el-link
            href="https://kaiquan.intelliquip.com/public"
            type="primary"
            target="_blank"
            style="margin-left:20px;"
          >  KQ-CAD
          </el-link>

          <el-link
            href="https://kaiquan.magicloud.cn/"
            type="primary"
            target="_blank"
            style="margin-left:20px;"
          >KQ-选型
          </el-link>
          <el-link
            href="http://42.192.204.129/price/allKqPumps"
            type="primary"
            target="_blank"
            style="margin-left:20px;"
          >PDMS-选型
          </el-link>
          <el-link
            href="http://42.192.204.129/price/sample"
            type="primary"
            target="_blank"
            style="margin-left:20px;"
          >PDMS-样本库
          </el-link>

        </blockquote>
        <blockquote class="text-warning" style="font-size: 14px">
          <el-link
            href="http://42.192.204.129/price/allKqPriceListInfos"
            type="primary"
            target="_blank"
          >PDMS-报价表
          </el-link>
          <el-link
            href="http://crmweb.kaiquan.com.cn/Home/Index#//MarketManage/Opportunity/Index"
            type="primary"
            target="_blank"
            style="margin-left:20px;"
          >  KQ-项目管理
          </el-link>

          <el-link
            href="http://crmweb.kaiquan.com.cn/Home/Index#//MarketManage/Price/Index"
            type="primary"
            target="_blank"
            style="margin-left:20px;"
          >KQ-定价查询
          </el-link>

          <el-link
            href="https://zhouxf-1309209757.cos.ap-shanghai.myqcloud.com/kq/priceList.pdMSf"
            type="primary"
            target="_blank"
            style="margin-left:20px;"
          > KQ-价格表
          </el-link>

        </blockquote>

        <blockquote class="text-warning" style="font-size: 14px">
          <el-link
            href="http://crmweb.kaiquan.com.cn/Home/Index#//MarketManage/CustomerArchives/Index"
            type="primary"
            target="_blank"
          >  KQ-客户管理
          </el-link>

          <el-link
            href="http://crmweb.kaiquan.com.cn/Home/Index#//MarketManage/Price/Index"
            type="primary"
            target="_blank"
            style="margin-left:20px;"
          >KQ-定价查询
          </el-link>
          <el-link
            href="http://crmweb.kaiquan.com.cn/Home/Index#//MarketManage/Quotation/Index"
            type="primary"
            target="_blank"
            style="margin-left:20px;"
          > KQ-报单查询
          </el-link>

          <el-link
            href="http://crmweb.kaiquan.com.cn/Home/Index#//MarketManage/Saleorder/Index"
            type="primary"
            target="_blank"
            style="margin-left:20px;"
          > KQ-销售订单
          </el-link>
          <el-link
            href="http://crmweb.kaiquan.com.cn/Home/Index#//SaleManagement/Sendapply/Index"
            type="primary"
            target="_blank"
            style="margin-left:20px;"
          > KQ-发货申请
          </el-link>
        </blockquote>

        <hr>
      </el-col>
    </el-row>
    <el-divider />
    <el-row :gutter="20">
      <el-col :xs="24" :sm="24" :md="12" :lg="8">
        <el-card class="update-log">
          <div slot="header" class="clearfix">
            <span class="title">I 、学 习</span>
          </div>
          <el-collapse accordion>
            <el-collapse-item title="本 地">
              <ul>
                <li>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://fuyang.19lou.com/forum-1543-1.html')"
                  >富阳19楼
                  </el-button>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('http://www.fynews.com.cn/index.html')"
                  >富阳新闻网
                  </el-button>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://www.gongshunews.com/')"
                  >拱墅新闻网
                  </el-button>

                </li>
              </ul>
              <ul>
                <li>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://hznews.hangzhou.com.cn/')"
                  >杭州新闻网
                  </el-button>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://zj.zjol.com.cn/')"
                  >浙江新闻网
                  </el-button>

                </li>
              </ul>
            </el-collapse-item>

            <el-collapse-item title="日 报">

              <ul>
                <li>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://hzdaily.hangzhou.com.cn/')"
                  >杭州日报
                  </el-button>

                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('http://www.8531.cn/newmedia/GroupMediaMatrix/')"
                  >浙江日报
                  </el-button>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('http://paper.ce.cn/')"
                  >经济日报
                  </el-button>

                </li>
              </ul>
            </el-collapse-item>
            <el-collapse-item title="网 媒">

              <ul>
                <li>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://news.qq.com/')"
                  >腾讯新闻
                  </el-button>

                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://news.baidu.com/')"
                  >百度新闻
                  </el-button>

                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://news.163.com/')"
                  >网易新闻
                  </el-button>

                </li>
                <li>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://www.toutiao.com/')"
                  >今日头条
                  </el-button>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://news.sina.com.cn/')"
                  >新浪新闻
                  </el-button>

                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://www.sohu.com/')"
                  >搜狐新闻
                  </el-button>

                </li>
              </ul>
            </el-collapse-item>
            <el-collapse-item title="党 媒">
              <ul>
                <li>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('http://people.com.cn/')"
                  >人民网
                  </el-button>

                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('http://www.xinhuanet.com/')"
                  >新华网
                  </el-button>

                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://news.cctv.com/')"
                  >央视网
                  </el-button>

                </li>
                <li>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('http://www.china.com.cn/')"
                  >中国网
                  </el-button>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('http://www.cri.cn/index.html?lang=zh-cn/')"
                  >国际在线
                  </el-button>

                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://cn.chinadaily.com.cn/')"
                  >中国日报
                  </el-button>

                </li>
                <li>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://www.youth.cn/')"
                  >中国青年
                  </el-button>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('http://www.ce.cn/')"
                  >中国经济网
                  </el-button>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://www.gmw.cn/')"
                  >光明网
                  </el-button>

                </li>
                <li>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('http://news.cnr.cn/')"
                  >央广网
                  </el-button>

                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://www.81.cn/index.htm')"
                  >中国军网
                  </el-button>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://www.comnews.cn/')"
                  >商务新闻网
                  </el-button>
                </li>
                <li>
                  <el-button
                    size="mini"
                    icon="el-icon-s-home"
                    plain
                    @click="goTarget('https://www.chinanews.com.cn/')"
                  >中国新闻网
                  </el-button>
                </li>
              </ul>
            </el-collapse-item>
          </el-collapse>
        </el-card>
      </el-col>
      <el-col :xs="24" :sm="24" :md="12" :lg="8">
        <el-card class="update-log">
          <div slot="header" class="clearfix">
            <span class="title">II、工 作</span>
          </div>
          <el-collapse accordion>
            <el-collapse-item title="一：新 建">
              <ul>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('https://www.ldmap.net/maps.html')">兰图绘 </el-button>

                </li>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://crmweb.kaiquan.com.cn/Home/Index#//MarketManage/Opportunity/Index')">KQ-项目管理 </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://crmweb.kaiquan.com.cn/Home/Index#//MarketManage/CustomerArchives/Index')">KQ-客户管理 </el-button>
                </li>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://42.192.204.129/work/allKqInfos')">PD-客户中心 </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://42.192.204.129/work/kqinfos')">PD-客户管理 </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://42.192.204.129/work/kqMaintainInfo')">PD-客户维护 </el-button>
                </li>

              </ul>
            </el-collapse-item>
            <el-collapse-item title="二：选 型">
              <ul>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://42.192.204.129/work/allKqPriceListInfos')">PD-报价中心 </el-button>

                </li>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://124.223.51.94/index.php/archives/295/#gallery')">BG-选型范围 </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://124.223.51.94/index.php/category/%E5%A4%9A%E7%BA%A7%E6%B3%B5%E9%80%89%E5%9E%8B/')">BG-选型表 </el-button>

                </li>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('https://zhouxf-1309209757.cos.ap-shanghai.myqcloud.com/kq/priceList.pdf')">KQ-价格表 </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('https://kaiquan.magicloud.cn/')">KQ-选型系统 </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('https://kaiquan.intelliquip.com/public')">KQ-CAD </el-button>
                </li>

              </ul>

            </el-collapse-item>
            <el-collapse-item title="三：询 价">
              <ul>
                <li>

                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://42.192.204.129/work/allKqPriceListInfos')">PD-报价单 </el-button>

                </li>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://crmweb.kaiquan.com.cn/Home/Index#//MarketManage/Price/Index')">KQ-定价查询 </el-button>
                </li>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('https://zhouxf-1309209757.cos.ap-shanghai.myqcloud.com/kq/priceList.pdf')">KQ-价格表 </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://crmweb.kaiquan.com.cn/Home/Index#/https://bi.kaiquan.com.cn/WebReport/Kq/view/report?ref_c=d1384431-34f6-4641-8be4-b03b96f770d1&ref_t=design&viewlet=CRM%252FURLOPEN%252Fproduct670ItemQuery.cpt')">KQ-标准价格 </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://crmweb.kaiquan.com.cn/Home/Index#/https://bi.kaiquan.com.cn/WebReport/Kq/view/report?viewlet=CRM%252FURLOPEN%252FHistPriceQuery.cpt&ref_t=design&ref_c=dca3c541-66b0-486c-8738-a0ee7ac6e771')">KQ-历史定价 </el-button>

                </li>

              </ul>

            </el-collapse-item>
            <el-collapse-item title="四：下 单">
              <ul>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://crmweb.kaiquan.com.cn/Home/Index#//SaleManagement/FastShipping/Form')">KQ-快速下单 </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://crmweb.kaiquan.com.cn/Home/Index#//MarketManage/Opportunity/Index')">KQ-普通下单 </el-button>
                </li>
              </ul>
            </el-collapse-item>
            <el-collapse-item title="五：发 货">
              <ul>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://crmweb.kaiquan.com.cn/Home/Index#//MarketManage/Saleorder/Index')">KQ-销售订单 </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://crmweb.kaiquan.com.cn/Home/Index#//SaleManagement/Sendapply/Index')">KQ-发货申请 </el-button>
                </li>
              </ul>
            </el-collapse-item>
            <el-collapse-item title="六：售 后">
              <ul>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://crmweb.kaiquan.com.cn/Home/Index#//MarketManage/Invoice/Index')">KQ-开发票 </el-button>
                </li>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://42.192.204.129/work/kqinfos')">PD-客户管理 </el-button>
                </li>
              </ul>

            </el-collapse-item>
            <el-collapse-item title="七：维 护">
              <ul>

                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://42.192.204.129/work/kqMaintainInfo')">PD-维护中心 </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://42.192.204.129/work/kqinfos')">PD-客户管理 </el-button>
                </li>
              </ul>
            </el-collapse-item>

          </el-collapse>
        </el-card>
      </el-col>
      <el-col :xs="24" :sm="24" :md="12" :lg="8">
        <el-card class="update-log">
          <div slot="header" class="clearfix">
            <span class="title">III、生 活</span>
          </div>
          <el-collapse accordion>
            <el-collapse-item title="一：外 网">
              <ul>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('https://www.youtube.com/')">Youtube </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('https://www.instagram.com/')">Instagram </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('https://twitter.com/')">Twitter </el-button>
                </li>
              </ul>
            </el-collapse-item>
            <el-collapse-item title="二：邮 箱">
              <ul>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('https://mail.qq.com/')">QQ-邮箱 </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('https://mail.google.com/mail/u/0/?hl=zh-CN#inbox')">Gmail </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('https://appmail.mail.10086.cn/')">139 邮箱 </el-button>

                </li>
              </ul>
            </el-collapse-item>
            <el-collapse-item title="三：售 后">
              <ul>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://crmweb.kaiquan.com.cn/Home/Index#//MarketManage/Invoice/Index')">KQ-开发票 </el-button>
                </li>
                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://42.192.204.129/work/kqinfos')">PD-客户管理 </el-button>
                </li>
              </ul>

            </el-collapse-item>
            <el-collapse-item title="四：维 护">
              <ul>

                <li>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://42.192.204.129/work/kqMaintainInfo')">PD-维护中心 </el-button>
                  <el-button size="mini" icon="el-icon-s-home" plain @click="goTarget('http://42.192.204.129/work/kqinfos')">PD-客户管理 </el-button>
                </li>
              </ul>
            </el-collapse-item>

          </el-collapse>
        </el-card>
      </el-col>

    </el-row>

  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      // 版本号
      version: "1.1.1"
    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    }
  }
};
</script>

<style scoped lang="scss">
  .title{
    font-size: large;
    font-weight: bold;
  }
  .home {
    blockquote {
      padding: 1px 10px;
      margin: 0 0 10px;
      font-size: 17.5px;
      border-left: 5px solid #eee;
    }

    hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #eee;
    }

    .col-item {
      margin-bottom: 20px;
    }

    ul {
      padding: 0;
      margin: 0;
    }

    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #676a6c;
    overflow-x: hidden;

    ul {
      list-style-type: none;
    }

    h4 {
      margin-top: 0px;
    }

    h2 {
      margin-top: 10px;
      font-size: 26px;
      font-weight: 100;
    }

    p {
      margin-top: 10px;

      b {
        font-weight: 700;
      }
    }
    .el-link{
      width: 90px;
      text-align: left;
      justify-content: left;
    }

    .el-button--mini{
      width: 120px;
      margin:5px;
    }
    .update-log {
      ol {
        display: block;
        list-style-type: decimal;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        padding-inline-start: 40px;
      }
    }
  }
</style>

